div,
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { margin: 0; padding: 0; }
body { background-color: #fff; font: 100%/1.5em 'Microsoft Yahei', tahoma, Arial; overflow-x: hidden; }
a { text-decoration: none; color:#333;}
li { list-style: none; }
.clear { clear: both; }
.leonhereclear { clear: both; }
a img { border: none; }
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size: 0.75em; width: 100%; border-top: solid 1px #ddd; border-left: solid 1px #ddd; box-sizing: border-box; }
table th { background-color: #f9f9f9; text-align: center; box-sizing: border-box; }
table td,
table th { padding: 5px 10px; border: 1px solid #ddd; box-sizing: border-box; }
/*gold*/
.inner { width: 1200px; margin: 0 auto; position: relative; }
.banner { margin-bottom: 30px; }
.banner img { display: block; width: 100%; height: auto; }
.thumbnail img {object-fit: cover;}
/*top*/
#top { position: relative; z-index: 2; background: #282828; width: 100%; color: #fff; font-size: 0.875em; height: 36px; line-height: 36px; font-weight: bold; }
#top .inner { position: relative; }
#top .tel { float: left; background: url(../images/phone.png) no-repeat left center; padding-left: 18px; }
#top .tel a { color: #fff; }
.social { float: right; margin-top: 4px; display: inline; }
.social ul li { float: left; margin-left: 5px; display: inline; }
.social ul li a { display: block; width: 26px; height: 26px; background: url(../images/social_icon.png) no-repeat; }
.social ul li.qq a { background-position: -36px -2px; }
.social ul li.qq a:hover { background-position: -109px -2px; }
.social ul li.weixin a { background-position: 0 -2px; }
.social ul li.weixin a:hover { background-position: -73px -2px; }
.social ul li.weibo a { background-position: -147px -2px; }
.social ul li.weibo a:hover { background-position: -183px -2px; }
.social ul li.search a { background: url(../images/search.png) no-repeat center center; }
/*logo*/
.logo { float: left; padding: 20px 0; overflow: hidden; }
.logo a { text-indent: -99999em; overflow: hidden; display: block; width: 200px; height: 60px; background: url(../images/logo.png) no-repeat left center; background-size: contain; }
/*header*/
#header { width: 100%; border-bottom: 1px solid #eee; }
/*nav*/
.nav { float: right; height: 40px; padding: 30px 0; }
.nav li { float: left; display: inline-block; margin: 0 10px; font-size: 20px; line-height: 40px; position: relative; transition: all 0.4s ease 0s; }
.nav li em { display: none; }
.nav li a { display: block; color: #333; padding: 0 10px; border-radius: 3px; }
.nav li a:hover,
.nav li.on > a,
.nav li.cur > a { background-color: #178EEE; color: #fff; }
.nav li ul { position: absolute; left: -1px; top: 40px; background: #fff; border: 1px solid #eee; border-radius: 0 0 3px 3px; width: 100%; padding: 5px 0; display: none; z-index: 5; }
.nav li li { font-size: 14px; float: none; margin: 0; display: block; text-align: center; line-height: 2em; }
.nav li li a { padding: 5px 10px; }
.nav li li a:hover { border-radius: 0; }
/*navbtn*/
#navbtn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; display: none; width: 25px; height: 20px; }
#navbtn i { display: block; position: absolute; top: 50%; left: 0; margin-top: -1px; height: 2px; background-color: #999; width: 100%; }
#navbtn i:before,
#navbtn i:after { content: ''; display: block; height: 2px; background-color: #999; position: absolute; left: 0; width: 100%; }
#navbtn i:before { top: -9px; }
#navbtn i:after { bottom: -9px; }
/*banner*/
#slidershow { width: 100%; height: auto; overflow: hidden; clear: both; background: #fff; }
#slidershow img { width: 100%; max-width: 1920px; display: block; }
/*slides*/
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel img { width: 100%; height: auto; display: block; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent: -9999em; width: 35px; height: 35px; position: absolute; top: 50%; margin-top: -17.5px; padding: 0; }
.owl-carousel .owl-nav .owl-prev { background: url(../images/controls.png) no-repeat 0 0; left: 15px; transition: background 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-next { background: url(../images/controls.png) no-repeat -42px 0; right: 15px; transition: background 0.3s ease 0s; }
.owl-carousel .owl-nav .owl-prev:hover { background-position: 0 -35px; }
.owl-carousel .owl-nav .owl-next:hover { background-position: -42px -35px; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.2; }
.owl-carousel.owl-drag .owl-item.active { opacity: 1; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.no-js .owl-carousel { display: block; }
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
.owl-height { transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../images/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }
.owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; position: absolute; bottom: 10px; width: 100%; left: 0; }
.owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; cursor: pointer; }
.owl-dots .owl-dot span { width: 15px; height: 5px; margin: 5px 5px; background: #fff; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; }
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span { background: #1E95F5; }
/*notice*/
#notice { background: rgba(23, 142, 238, 0.9); margin-bottom: 30px; padding: 10px 0; color: #fff; overflow: hidden; font-size: 16px; line-height: 1.875em; }
#notice.nb { margin-bottom: 30px; }
/*service*/
#service { background-color: #fafafa; padding: 2% 0; overflow: hidden; }
#service ul { text-align: center; font-size: 0; line-height: normal; overflow: hidden; }
#service li { width: 14%; text-align: center; display: inline-block; padding: 3%; }
#service li .thumbnail { width: 60%; height: auto; margin: 0 auto 15px; border-radius: 50%; overflow: hidden; }
#service li i { padding-bottom: 100%; background: no-repeat center center; background-size: cover; display: block; }
#service li h2 { font-weight: normal; font-size: 14px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#service li a { color: #333; display: block; overflow: hidden; }
#service li a:hover { color: #1E95F5; }
/*section*/
.onbg { position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.5; left: 0; top: 0; display: none; }
/*hmTitle*/
.hmTitle { text-align: center; margin-bottom: 3.5%; padding-bottom: 30px; }
.hmTitle .title { display: inline-block; position: relative; }
.hmTitle .title:before,
.hmTitle .title:after { width: 30px; height: 1px; background-color: #178EEE; transform: rotate(-45deg); content: ''; display: block; margin-top: 20px; position: absolute; left: 50%; }
.hmTitle .title:before { margin-left: 40px; }
.hmTitle .title:after { margin-left: -70px; }
.hmTitle i { display: inline-block; width: 40px; height: 40px; text-transform: uppercase; color: #fff; border-radius: 50%; margin: 0 auto; background-color: #178EEE; font: normal 26px/42px 'Arial'; position: relative; }
.hmTitle h3,
.hmTitle h4 { font-weight: normal; color: #178EEE; font-size: 18px; line-height: 1.5em; text-transform: uppercase; clear: both; }
.hmTitle h4 { color: #bbb; }
.bluebg .hmTitle i { background-color: #fff; color: #178EEE; }
.bluebg .hmTitle h3,
.bluebg .hmTitle h4 { color: #fff; }
.bluebg .hmTitle .title:before,
.bluebg .hmTitle .title:after { background-color: #fff; }
/*hmowl*/
#hmowl { padding: 5% 0; overflow: hidden; }
#hmowl .box { padding: 0 60px; }
#hmowl .owl-nav .owl-prev { left: -60px; }
#hmowl .owl-nav .owl-next { right: -60px; }
#hmowl .owl-stage-outer { overflow: hidden; }
#hmowl .bxitem { border: 1px solid #eee; margin-right: 1px; }
#hmowl .thumbnail { overflow: hidden; }
#hmowl .thumbnail a { display: block; padding-bottom: 80%; position: relative; }
#hmowl .thumbnail img { position: absolute; top: 0; height: 100%; }
#hmowl h2 { font-weight: normal; font-size: 18px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em; margin-bottom: 10px; }
#hmowl a { color: #333; }
#hmowl a:hover { color: #1E95F5; }
#hmowl .info { padding: 20px; }
#hmowl .intro { font-size: 14px; line-height: 1.75em; text-align: justify; height: 7em; overflow: hidden; color: #555; margin-bottom: 15px; }
#hmowl .more a { font-size: 12px; display: block; width: 90px; height: 32px; line-height: 32px; text-align: center; background-color: #f6f6f6; color: #999; border-radius: 3px; margin: 0 auto; }
#hmowl .more a:hover { background-color: #1E95F5; color: #fff; }
/*bluebg*/
.bluebg { background: #1E95F5; width: 100%; padding: 5% 0; }
#products ul { width: 102%; }
#products li { float: left; width: 23%; padding-right: 2%; padding-bottom: 2%; }
#products li .thumbnail { border: 2px solid #fff; padding-bottom: 78%; position: relative; overflow: hidden; margin-bottom: 5%; }
#products li img { position: absolute; top: 0; width: 100%; height: 100%; display: block; }
#products li a { color: #fff; }
#products li h2 { font-weight: normal; font-size: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; text-align: center; }
/*showcase*/
#showcase { margin-bottom: 2%; }
#showcase .inner { overflow: hidden; }
#showcase ul { width: 103%; overflow: hidden; }
#showcase li { float: left; width: 47%; padding-right: 3%; padding-bottom: 3%; }
#showcase li .box { background-color: #fafafa; overflow: hidden; border: 1px solid #eee; }
#showcase li .thumbnail { width: 170px; float: left; }
#showcase li .thumbnail a { display: block; padding-bottom: 75%; position: relative; overflow: hidden; }
#showcase li .thumbnail img { display: block; width: 100%; height: 100%; position: absolute; top: 0; }
#showcase li .info { margin-left: 170px; padding: 10px 5%; }
#showcase li h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 1.875em; color: #178EEE; margin-bottom: 5px; }
#showcase li a { color: #178EEE; }
#showcase li .intro { font-size: 14px; line-height: 1.75em; color: #333; text-align: justify; height: 3.5em; overflow: hidden; margin-bottom: 7px; }
#showcase li .more { text-align: right; font-size: 14px; line-height: 1.125em; }
#showcase li .more a { color: #666; }
/*news*/
#news { text-align: center; position: relative; margin-bottom: 50px; overflow: hidden; }
#news h2 { font-weight: normal; color: #111; font-size: 1.25em; margin-bottom: 20px; }
#news h2 a { color: #111; }
#news h2 a:hover { color: #1E95F5; }
#news p { color: #333; width: 70%; margin: 0 auto 15px; font-size: 0.875em; }
#news .owl-dots { bottom: auto; position: static; left: auto; width: auto; }
#news .owl-dots .owl-dot span { background-color: #ddd; width: 10px; height: 10px; border-radius: 50%; }
#news .owl-dots .owl-dot.active span { background-color: #1E95F5; }
#products,
#container { overflow: hidden; margin-bottom: 30px; }
/*partner*/
#partner { overflow: hidden; margin-bottom: 30px; }
#partner ul { width: 102%; overflow: hidden; }
#partner li { float: left; width: 14.66%; padding-right: 2%; padding-bottom: 2%; }
#partner li a { display: block; border: 1px solid #ddd; padding: 10px; }
#partner li i { padding-bottom: 66.456%; background: no-repeat center center; background-size: contain; display: block; }
.widget .textwidget img { display: block; width: 100%; height: auto; }
/*container*/
.sidebar { width: 250px; float: left; }
.sideMenu,
.widget { margin-bottom: 25px; }
.sideMenu h3 a { color: #fff; }
.sideMenu h3,
.widget h3 { background-color: #178EEE; color: #fff; padding: 15px 10px 5px 20px; font-size: 1em; }
.sideMenu h3 span,
.widget h3 span { font-weight: normal; font-size: 0.75em; margin-left: 10px; text-transform: uppercase; text-transform: uppercase; }
.sideMenu ul { background-color: #FFF8FB; border: 1px solid #eee; }
.sideMenu li { font-weight: bold; font-size: 1em; color: #666; border-bottom: 1px solid #eee; }
.sideMenu li a { color: #666; display: block; padding: 10px 0 10px 45px; }
.sideMenu li a:hover,
.sideMenu li.on a { background: url(../images/menu-bg.gif) no-repeat left center; color: #178EEE; }
.widget h3 { padding: 8px 10px 5px 20px; }
.widget ul,
.widget .textwidget,
.widget > div { border: 1px solid #eee; padding: 10px; }
.widget li { font-size: 14px; line-height: 2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.widget li a { background: url(../images/dot.png) no-repeat left center; padding-left: 12px; color: #333; }
.widget li a:hover { background-image: url(../images/dot-on.png); color: #178EEE; }
.widget img { max-width: 100%; height: auto; }
.widget .textwidget { padding: 5px; font-size: 0.875em; }
.widget .textwidget img { margin-bottom: 10px; }
#divSearchPanel input[type="text"] { border: 1px solid #ddd; width: 70%; height: 20px; line-height: 20px; padding: 5px 0; }
#divSearchPanel input[type="submit"] { border: 1px solid #ddd; width: 24%; cursor: pointer; padding: 5px 0; background-color: #178EEE; color: #fff; }
#tbCalendar { width: 100%; }
#divCalendar > div { padding: 0; }
#tbCalendar a { color: #178EEE; }
#tbCalendar caption { padding: 10px 0; }
#tbCalendar thead,
#tbCalendar tbody { background: #fff; }
#tbCalendar thead tr th { padding: 10px 0; }
#tbCalendar tbody tr td { padding-bottom: 10px; text-align: center; }
#tbCalendar tbody tr td a { padding: 2px; font-size: 0.75em; font-weight: bold; }
#divMisc.widget li a { background: none; }
#contact.fixed { width: inherit; position: fixed; top: 10px; left: auto; }
#divTags ul { overflow: hidden; }
#divTags li { float: left; }
#divTags li a { background: none; padding: 3px 10px; }
#divTags li .tag-count { display: none; }
/*main*/
.main { width: 900px; float: right; }
.breadcrumb-title { border-bottom: 1px solid #eee; overflow: hidden; padding-top: 6px; margin-bottom: 25px; }
.breadcrumb-title h1,
.breadcrumb-title .cate { float: left; font-weight: normal; font-size: 1.25em; border-bottom: 2px solid #178EEE; padding-bottom: 5px; }
.breadcrumb-title h1 a,
.breadcrumb-title .cate a { color: #000; }
.breadcrumb { float: right; font-size: 0.75em; color: #666; background: url(../images/home.png) no-repeat left center; padding-left: 18px; }
.breadcrumb a { color: #666; }
/*showlist*/
.showlist { overflow: hidden; }
.showlist ul { overflow: hidden; width: 103%; }
.showlist li { float: left; width: 30.333%; padding: 0 3% 3% 0; }
.showlist li .thumbnail { margin-bottom: 10px; }
.showlist li .thumbnail a { padding-bottom: 80%; position: relative; display: block; overflow: hidden; }
.showlist li .thumbnail img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }
.showlist li h2 { font-size: 16px; text-align: center; font-weight: normal; line-height: 1.75em;}
.showlist li h2 a { color: #555; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.showlist li h2 a:hover { color: #178EEE; }
/*newslist*/
.newslist ul { margin-bottom: 5%; }
.newslist li { font-size: 16px; line-height: 1.875em; border-bottom: 1px dotted #ddd; overflow: hidden; padding-bottom: 8px; margin-bottom: 8px; }
.newslist li span { float: right; color: #666; font-size: 12px; }
.newslist li a { background: url(../images/dot.png) no-repeat left center; padding-left: 15px; color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; margin-right: 120px; }
.newslist li a:hover,
.post .related-post ul li a:hover { background-image: url(../images/dot-on.png); color: #2D99F0; }
/*page404*/
.page404 {text-align: center; padding: 10%; padding: 35vh 5%;}
.page404 h2 {font-size: 48px; line-height: 1.5em; font-weight: normal; margin-bottom: 15px;}
/*textlist*/
.textlist ul { margin-bottom: 30px; }
.textlist li { overflow: hidden; position: relative; }
.textlist li .time { font-size: 14px; float: left; color: #666; width: 85px;}
.textlist li .info { margin-left: 110px; overflow: hidden; padding-left: 39px; position: relative; padding-bottom: 30px; }
.textlist li span { width: 3px; height: 120%; position: absolute; left: 128px; background-color: #c7c7c7; }
.textlist li i { display: block; width: 12px; height: 12px; background-color: #fff; border: 3px solid #178EEE; border-radius: 50%; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); }
.textlist li h2 { font-weight: normal; font-size: 24px; line-height: 1.35em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; color: #178EEE; }
.textlist li h2 a { color: #178EEE; }
.textlist li h2 a:hover { color: #444; text-decoration: underline; }
.textlist li p { font-size: 14px; line-height: 1.875em; color: #555; text-align: justify; }
/*bloglist*/
.bloglist ul { margin-bottom: 30px; }
.bloglist li { overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 3.5%; margin-bottom: 3.5%; }
.bloglist li .thumbnail { width: 230px; float: left; overflow: hidden; }
.bloglist li .thumbnail a { display: block; padding-bottom: 75%; background: no-repeat center center; background-size: cover; transition: all .3s; }
.bloglist li .thumbnail a:hover { transform: scale(1.1); }
.bloglist li .info { margin-left: 260px; overflow: hidden; }
.bloglist li h2 { font-size: 24px; line-height: 1.5em; margin-bottom: 10px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bloglist li h2 a { color: #178EEE; }
.bloglist li h2 a:hover { color: #444; }
.bloglist li p { font-size: 16px; line-height: 1.875em; color: #333; text-align: justify; overflow: hidden; height: 7.5em; }
.commentslist ol li .gravatar img { display: block; width: 100%; height: auto; transition: transform 0.4s ease 0s; }
/*waterfall*/
#waterfall { width: 102%; }
#waterfall .grid-sizer { width: 23%; }
#waterfall .gutter-sizer { width: 2%; }
#waterfall .grid-item--width2 { width: 40%; }
#waterfall .grid-item { width: 23%; margin-bottom: 2%; }
#waterfall .box { background: #fafafa; padding: 10px; border: 1px solid #eee; }
#waterfall .thumbnail { margin-bottom: 10px; }
#waterfall .thumbnail a { display: block; overflow: hidden; }
#waterfall img {display: block; width: 100%; height: auto; transition: transform 0.4s ease 0s;}
#waterfall img:hover { transform: scale(1.4, 1.4); transition: transform 0.4s ease 0s; opacity: 0.8; }
#waterfall h2 { line-height: 1.75em; font-size: 16px; margin-bottom: 5px; }
#waterfall .excerpt { font-size: 14px; color: #555; text-align: justify; line-height: 1.75em; }
/*pagenavi*/
.pagenavi { clear: both; text-align: center; font-size: 0; line-height: normal; }
.pagenavi a,
.pagenavi span.now-page { display: inline-block; background-color: #dfdfdf; color: #666; height: 32px; line-height: 32px; padding: 0 12px; font-size: 14px; margin: 2px; }
.pagenavi a:hover,
.pagenavi span.now-page { color: #fff; background-color: #178EEE; }
/*post*/
.post h1 { text-align: center; font-weight: normal; font-size: 1.5em; margin-bottom: 15px; line-height: 1.5em; }
.post h1.post_page { margin-bottom: 30px; }
.post .postmeta { font-size: 0.75em; color: #888; text-align: center; margin-bottom: 25px; }
.post .postmeta span { padding: 5px; }
.post .pn,
.post .related-post { overflow: hidden; margin-bottom: 20px; }
/*entry*/
.entry { font-size: 16px; line-height: 1.875em; color: #333; overflow: hidden; border-bottom: 1px solid #eee; margin-bottom: 2.5%; }
.entry h2{
padding-bottom: 12px;
font-size: 18px;
border-bottom: 1px solid #efefef;
}
.entry h3{
font-size: 15px;
font-weight: 600;
margin: 0.83em 0;
}
.entry img { max-width: 100%; height: auto !important; }
.entry p,
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 { margin-bottom: 2.5%; }
.entry blockquote { background-color: #f3f3f3; overflow: hidden; padding: 2.5% 2.5% 0; margin-bottom: 2.5%; color: #333; border-bottom: 2px solid #eee; }
.entry ul,
.entry ol { padding-left: 1em; margin-left: 2em; margin-bottom: 2.5%; }
.entry ul li { list-style: outside disc none; }
.entry ol li { list-style: outside decimal none; }
.entry li p { margin-bottom: 0; }
.entry a { color: #178EEE; }
.entry a:hover { text-decoration: underline; }
.post .pn p { font-size: 0.875em; color: #333; }
.post .pn p a { color: #555; }
.post .pn p a:hover { text-decoration: underline; color: #178EEE; }
.post .related-post h3,
.commentslist h3,
.commentForm h3,
#relatedPro h3 { background: #178EEE; color: #fff; font-weight: normal; font-size: 0.875em; padding-left: 5px; height: 30px; line-height: 32px; margin-bottom: 15px; border-bottom: 2px solid #eee; }
.post .related-post ul li { font-size: 1em; line-height: 1.75em; overflow: hidden; padding: 5px 0; }
.post .related-post ul li a { color: #333; background: url(../images/dot.png) no-repeat left center; padding-left: 15px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 120px;}
.post .related-post ul li span { float: right; color: #888; font-size: 12px; }
.post .tags { margin-bottom: 20px; font-size: 0.75em; }
.post .tags span { color: #666; }
.post .tags a { color: #178EEE; margin-left: 5px; }
/*relatedPro*/
#relatedPro {overflow:hidden;}
#relatedPro ul {width:102%; overflow:hidden;}
#relatedPro li {float:left; width: 23%; padding:0 2% 2% 0;}
#relatedPro .thumbnail {margin-bottom:5px;}
#relatedPro .thumbnail a {display:block; padding-bottom:80%; position:relative; overflow:hidden;}
#relatedPro .thumbnail img {display: block; width: 100%; height:100%; position:absolute; left:0; top:0; object-fit: cover;}
#relatedPro h2 {font-size:16px; line-height: 1.875em; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; font-weight: normal; text-align: center;}
/*commentslist*/
.commentslist ol li { position: relative; clear: both; overflow: hidden; margin-bottom: 15px; }
.commentslist ol li .gravatar { width: 40px; height: 40px; position: absolute; left: 0; top: 0; border: 1px solid #eee; padding: 1px; float: left; }
.commentslist ol li .cmt-info { margin-left: 55px; border: 1px solid #eee; border-radius: 4px; padding: 10px; }
.commentslist ol li .cmt-info .cmt-meta { border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 10px; }
.commentslist ol li .cmt-info .cmt-meta span { margin-right: 5px; font-size: 0.875em; }
.commentslist ol li .cmt-info .cmt-meta span.time { font-size: 0.75em; color: #888; }
.commentslist ol li .cmt-info .cmt-meta span.reply { float: right; }
.commentslist ol li .cmt-info .cmt-meta a { color: #178EEE; }
.commentslist ol li .cmt-info .cmt-con { font-size: 0.875em; color: #555; }
.commentslist ol li span.arrow { position: absolute; left: 49px; top: 15px; display: block; height: 2px; border-right: 6px solid #ddd; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.commentslist ol li li { margin-bottom: 0; margin-top: 15px; margin-left: 20px; }
/*comment-form*/
.commentForm .item { margin-bottom: 15px; overflow: hidden; position:relative;}
.commentForm label {display: block; font-size:16px; float:left; line-height: 38px;}
.commentForm label i {font-style:normal; color:#f00;}
.commentForm .input {margin-left: 60px; overflow: hidden; border:1px solid #ddd; border-radius: 3px; overflow: hidden;}
.commentForm .text {border:none; width: 97%; padding: 5px 3% 5px 0; font-size:14px; line-height: 26px; box-shadow: inset 0px -1px 1px #ddd; display:block; text-indent:10px; font-family: 'Microsoft Yahei';}
.commentForm .text:focus {border:none; outline: none;}
.commentForm textarea.text {height: 150px; resize:vertical;}
.commentForm .verify img {display: block; position:absolute; right:0; bottom:0; height: 100%; width: auto;}
.commentForm .verify .input {margin-right: 115px;}
.commentForm .btn {margin-left: 60px;}
.commentForm .submit,
#cancel-reply { cursor: pointer; background-color: #178EEE; border: none; color: #fff; font-size:16px; height: 36px; width: 120px; text-align: center; line-height: 36px; display: inline-block;}
.commentForm .submit:hover {opacity: .85;}
#cancel-reply {background-color: #f6f6f6; color:#777;}
/*postbottom*/
.postbottom {font-size: 14px; line-height: 1.75em; color:#888; margin-bottom: 15px; margin-left: 60px;}
/*friendlinks*/
#friendlinks { margin-bottom: 30px; overflow: hidden; }
#friendlinks ul li { font-size: 0.875em; float: left; margin: 0 10px; display: inline; }
#friendlinks ul li a { color: #666; }
#friendlinks ul li a:hover { color: #1E95F5; text-decoration: underline; }
/*footer*/
#footer { background: #2E2E2E; width: 100%; height: auto; }
.top-footer { font-size: 0.875em; padding: 20px 0; color: #fff; overflow: hidden; position: relative; }
.contact { float: left; padding-left: 40px; }
.contact ul li { line-height: 2em; }
.contact ul li i { color: #848484; }
.contact ul li .icon-map-marker { font-size: 1.5em; }
.contact ul li .icon-phone { font-size: 1.25em; }
.qrcode { float: left; }
.qrcode ul li { float: left; margin: 0 10px; display: inline; text-align: center; }
.qrcode img { width: 80px; height: 80px; display: block; background-color: #fff; }
.footer-logo { float: right; margin-top: 20px; display: inline; width: 250px; }
.footer-logo img { width: 100%; height: auto; }
.sub-footer { background: #282828; width: 95%; padding: 10px 2.5%; text-align: center; color: #ACACAC; font-size: 0.75em; }
.sub-footer a { color: #ACACAC; display: inline-block;}
.sub-footer img {display: inline-block; vertical-align: middle; width: auto; height: 20px; margin-top: -3px;}
/*searchForm*/
.searchForm { display: none; position: absolute; right: 0; top: 100%; width: 310px; background: #1E95F5; overflow: hidden; }
.searchForm form { padding-right: 55px; position: relative; display: block; margin: 20px; }
.searchForm .s { height: 25px; line-height: 25px; width: 90%; padding: 5px 5%; border: none; }
.searchForm .submit { position: absolute; right: 0; top: 0; cursor: pointer; background-color: #fff; border: none; height: 100%; width: 50px; font-size: 14px; }
.backtop { position: fixed; right: 0; top: 80%; background: #1E95F5 url(../images/backtop.png) no-repeat; width: 54px; height: 54px; cursor: pointer; }
#weixin { background: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10001; display: none; }
#weixin img { width: 200px; height: 200px; background-color: #fff; padding: 10px; border: 1px solid #ddd; position: fixed; top: 50%; margin-top: -106px; left: 50%; margin-left: -106px; }
/*mobile-bar*/
.mobile-bar { width: 100%; font-size: 1em; text-align: center; background-color: #333; overflow: hidden; position: fixed; bottom: 0px; left: 0px; z-index: 9999; display: none; }
.mobile-bar li { float: left; width: 25%; }
.mobile-bar li a { padding-top: 25px; border-left: 1px solid #383838; border-right: 1px solid #2B2B2B; color: #EEE; background-image: url("../images/icon-mobi.png"); background-repeat: no-repeat; display: block; }
.mobile-bar li.mobi-map a { background-position: center 6px; }
.mobile-bar li.mobi-phone a { background-position: center -67px; }
.mobile-bar li.mobi-email a { background-position: center -134px; }
.mobile-bar li.mobi-chat a { background-position: center -202px; }
.mobile-bar li i { font-style: normal; font-size: 0.875em; }
/*screen width*/
@media only screen and (max-width:1280px) {
.inner { width: 93.75%; }
.footer-logo { width: 20.833333%; }
.sidebar { width: 20.833333%; }
.main { width: 75%; }
#contact.fixed { width: 19.53125%; }
/*1280*/
.nav li { font-size: 18px; }
/*1280*/
.bloglist li h2 { font-size: 22px; }
/*1280*/
.textlist li h2 { font-size: 22px; }
}
@media only screen and (max-width:1024px) {
/*1024px*/
#service li { padding: 2%; width: 16%; }
/*1024px*/
.nav { padding: 25px 0; }
.nav li { font-size: 16px; }
/*1024px*/
.logo a { width: 167px; height: 50px; }
/*1024px*/
#showcase li .thumbnail { width: 150px; }
#showcase li .info { margin-left: 150px; padding: 5px 3.5%; }
#showcase li h2 { line-height: 1.75em; margin-bottom: 0; }
#showcase li .intro { margin-bottom: 0; height: 5.25em; }
#showcase li .more { display: none; }
/*1024px*/
.bloglist li h2 { font-size: 20px; }
/*1024px*/
.textlist li h2 { font-size: 20px; }
/*1024px*/
#waterfall .grid-sizer,
#waterfall .grid-item {width: 31.33%;}
/*1024px*/
#relatedPro h2 {font-size:14px;}
}
@media only screen and (max-width:960px) {
/*960*/
.nav { position: fixed; float: none; width: 100%; clear: both; width: 200px; z-index: 9; left: -200px; top: 0; height: 100%; background-color: rgba(0, 0, 0, .8); color: #fff; padding: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: left .3s; }
.nav.open { left: 0; }
.nav ul { padding: 50px 0; }
.nav li { float: none; margin: 0; display: block; line-height: 45px; }
.nav li em { display: block; position: absolute; right: 0; top: 0; width: 45px; height: 45px; }
.nav li em:before { content: ''; display: block; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -6px; transition: all .3s; }
.nav li em.open:before { transform: rotate(-135deg); margin-top: 0; }
.nav li a { color: #fff; padding: 0 45px 0 2em; }
.nav li a:hover,
.nav li.on > a,
.nav li.cur > a { background-color: transparent; }
.nav li ul { position: static; left: auto; top: auto; width: auto; padding: 0; border: none; background: none; }
.nav li li { text-align: left; line-height: 45px; }
.nav li li a { padding: 0 0 0 4em; }
/*960*/
#navbtn { display: block; }
/*960*/
#hmowl { padding: 5.5% 0; }
#hmowl .box { padding: 0; }
#hmowl .owl-dots { position: static; margin-top: 3.5%; }
#hmowl .owl-dot span { width: 10px; height: 10px; border-radius: 50%; background-color: #e4e4e4; }
#hmowl .active span { background-color: #1E95F5; }
/*960*/ }
@media only screen and (max-width:900px) {
.footer-logo { position: absolute; right: 0; top: 40px; }
}
@media only screen and (max-width:800px) {
.sidebar { display: none; }
.main { float: none; width: 100%; }
}
@media only screen and (max-width:768px) {
/*768*/
#top { position: relative; }
#top .inner { position: static; }
/*768*/
#service { padding: 5% 0; }
#service li { width: 18%; padding: 1%; }
#service li .thumbnail { width: 88%; margin-bottom: 10px; }
#service li h2 { font-size: 14px; }
/*768*/
#notice { font-size: 12px; line-height: 1.5em; padding: 8px 0; margin-bottom: 10px; }
/*768*/
.searchForm { width: 93.75%; padding: 3.125%; }
.searchForm form { margin: 0; }
/*768*/
.logo { padding: 12.5px 0; }
.logo a { width: 133px; height: 40px; }
/*768*/
#partner ul { width: 103%; }
#partner li { width: 31%; }
/*768*/
#hmowl h2 { font-size: 14px; margin-bottom: 5px; white-space: normal; line-height: 1.75em; height: 3.5em; }
#hmowl .info { padding: 15px; }
#hmowl .intro { display: none; }
#hmowl .more { display: none; }
/*768*/
.hmTitle { padding-bottom: 0; }
.hmTitle .title:before,
.hmTitle .title:after { transform: none; top: 50%; margin-top: -0.5px; }
.hmTitle .title:before { left: auto; right: 120%; margin-left: 0; }
.hmTitle .title:after { left: 120%; margin-left: 0; }
.hmTitle i { width: 30px; height: 30px; font-size: 18px; line-height: 32px; }
.hmTitle h4 { font-size: 14px; }
/*768*/
.newslist li { font-size: 14px; margin-bottom: 5px; padding-bottom: 5px; }
.newslist li span {float: none; padding-left: 10px;}
.newslist li a { padding-left: 10px; margin-right: 0;}
/*768*/
#showcase ul { width: auto; }
#showcase li { float: none; padding-right: 0; width: auto; }
#showcase li .thumbnail { width: 110px; }
#showcase li .info { margin-left: 110px; padding: 5px 2.5%; }
#showcase li h2 { line-height: 1.25em; font-weight: normal; margin-bottom: 3px; }
#showcase li .intro { height: 3.5em; }
/*768*/
.bloglist li .thumbnail { width: 120px; }
.bloglist li .info { margin-left: 135px; }
.bloglist li h2 { font-size: 16px; line-height: 1.875em; white-space: normal; margin-bottom: 0; max-height: 3.75em; }
.bloglist li p { font-size: 14px; line-height: 2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: auto; }
/*768*/
.textlist li { padding-left: 20px; }
.textlist li span { width: 1.5px; left: 6.5px; }
.textlist li i { border-width: 2px; width: 9px; height: 9px; }
.textlist li .time { float: none; font-size: 12px; margin-bottom: 5px;width: auto; }
.textlist li .info { margin-left: 0; padding-left: 0; padding-bottom: 15px; }
.textlist li h2 { font-size: 16px; font-weight: bold; }
.textlist li p { line-height: 1.75em; max-height: 5.25em; overflow: hidden; }
/*768*/
#waterfall {margin-bottom: 3.5%;}
#waterfall .grid-sizer,
#waterfall .grid-item {width: 48%;}
#waterfall h2 {font-size:14px;}
/*768*/
#relatedPro ul {width:103%;}
#relatedPro li {width: 47%; padding:0 3% 3% 0;}
/*768*/
.commentForm label {font-size:14px; float:none; line-height: 1.5em; margin-bottom: 5px;}
.commentForm .input {margin-left: 0;}
.commentForm .text {width: 95%; padding:5px 2.5%; text-indent:0;}
.commentForm .verify img {height: 38px;}
.commentForm .btn {margin-left: 0; text-align: right;}
/*768*/
.postbottom {margin-left:0; font-size:14px;}
/*768*/
.post .related-post ul li {font-size: 14px;}
.post .related-post ul li span {float: none; margin-left: 15px;}
.post .related-post ul li a {margin-right: 0;}
/*768*/
.page404 h2 {font-size: 28px;}
.page404 p {font-size: 14px;}
}
@media only screen and (max-width:680px) {
.social ul li.qq { display: none; }
.mobile-bar { display: block; }
.backtop { display: none; }
.qrcode { float: none; text-align: center; margin-bottom: 15px; }
.qrcode ul li { float: none; display: inline-block; }
.footer-logo { top: auto; bottom: 20px; }
.contact { float: none; padding-left: 0; }
}
@media only screen and (max-width:540px) {
#products li h2 { font-size: 0.875em; }
/*540*/
.showlist li { width: 47%; }
.showlist li .thumbnail { margin-bottom: 5px; }
.showlist li h2 { font-size: 14px; }
}
@media only screen and (max-width:480px) {
.social ul li { margin-left: 2px; }
#products li { width: 48%; padding-bottom: 4%; }
.breadcrumb { float: none; margin-bottom: 15px; }
.breadcrumb-title h1,
.breadcrumb-title .cate { clear: both; float: none; }
/*480px*/
#waterfall,
#waterfall .grid-sizer,
#waterfall .grid-item,
#waterfall .gutter-sizer {width: auto;}
#waterfall .grid-item {margin-bottom: 3.5%;}
}
@media only screen and (max-width:380px) {
#top .tel span,
.commentslist ol li .gravatar,
.commentslist ol li span.arrow { display: none; }
.commentslist ol li .cmt-info { margin-left: 0; }
}
@media only screen and (max-width:320px) {
#navbtn { top: 13px; }
#navbtn span { display: none; }
}